*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;cursor: pointer; color: #666;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.fl{ float: left;}
.fr{float: right;}
.fb {font-weight:bold;}
.f12 {font-size:12px;}
.f14 {font-size:14px;font-weight:bold;}
.f141 {font-size:14px;}
.f16 {font-size:16px;font-weight:bold;}
.fm{font-family:"微软雅黑";}


.text-l{text-align:left}/*水平居左*/
.text-r{text-align:right}/*水平居中*/
.text-c{text-align:center}/*水平居右*/
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}/*上下居顶*/
.va-m{ vertical-align:middle!important}/*上下居中*/
.va-b{ vertical-align:bottom!important}/*上下居底*/
.clear{    clear: both;
    height: 0;
    width: 0;
    zoom: 1;
    overflow: hidden;}
.cl:after,.clearfix:after,.container:after{content:"";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.clear{ width: 100%; clear: both; height: 1px;}
#ie9{position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background:#00ADB5}
#ie9 h6{ font-size: 20px; text-align: center; padding-top: 80px; color: #fff; font-weight: 100;}
#ie9 ul{ width: 20%; margin:50px auto;}
#ie9 ul li{ width: 50%; float: left; text-align: center;}
#ie9 ul li img{  width: 80px ;}
#ie9 .logo{ float: none;font-weight: initial; cursor: pointer; text-align: center; padding:0 30px; padding-top:50px;letter-spacing: -.5px; text-decoration: none; color: #fff; line-height: 75px; font-size:30px;font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif;}
/*公用开始------------------------------------------------------------------*/

.container-fluid{ width:100%}

.container{width: 1200px !important; margin: 0 auto;}/*固定外框*/	
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.ml10 {margin-left:10px;_margin-left:5px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.mr10 {margin-right:10px;}
.b-white{ background-color: #fff !important;}
.b-Red{ background-color: #CC0000 !important;}
.b-orange{ background-color: #FF6600 !important;}
.b-yellow{ background-color: #FFFF33 !important;}
.b-green{ background-color: #00CC66 !important;}
.b-Blue{ background-color: #0099FF !important;}
.b-black{ background-color: #000 !important;}
.b-Violet{ background-color: #660066 !important;}
.f-white{color: #fff !important;}
.f-Red{ color: #CC0000 !important;}
.f-orange{ color: #FF6600 !important;}
.f-yellow{ color: #FFFF33 !important;}
.f-green{ color: #00CC66 !important;}
.f-Blue{color: #0099FF !important;}
.f-black{color: #000 !important;}
.f-Violet{color: #660066 !important;}


.f-self{ color: #00ADB5 !important;}
.b-self{ background-color: #00ADB5 !important;}

/*公用颜色------------------------------------------------------------------*/

/*----header------*/
.header{ width: 100%; min-width: 1200px;}
.header .top{ width: 100%; background: url(../images/topbj.jpg) no-repeat center top; height: 3px;}
.header .logo{ width: 230px; height: 72px; margin-top: 14px; float: left;}
.header .nav{ text-align: right; float:right;}
.header .nav li{ width: 130px; display: inline-block; line-height: 100px;}
.header .nav li a{color: #333; font-size: 16px; }
.header .nav li a:hover{ color: #ee4b4e;}
.header .nav li a.on{ color: #ee4b4e;}
/*----banner-----*/
.slideBox{ width:100%;  overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5%; bottom:5%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
/*----首页内容-----*/
.index-about{ margin: 60px auto;}
.about-img1{ width: 285px; height: 190px; margin-right: 20px;margin-bottom: 20px;}
.about-con1{ width: 895px; height: 190px; background: #c09cc5;margin-bottom: 20px;}
.about-con2{width: 285px; height: 190px;margin-right: 20px; background: #ff5a5d;}
.about-img2{ width: 285px; height: 190px; margin-right: 20px;}
.about-con3{ width: 590px; height: 190px; position: relative; background-color: #a0d2b5; background: url(../images/aboutconbk.jpg) no-repeat center center;}
.about-con1 .p{ width: 830px; padding-top: 20px; margin: 0 auto; color: #fff; font-size: 14px; line-height: 26px;}
.about-con1 .p b{ font-size: 24px; color: #fff; font-weight: 500; display: block; padding-bottom: 10px;}
.about-con1 .p a{color: #fff;}
.about-con2 .p{ width: 230px; margin: 0 auto; padding-top: 20px; text-align:center;color: #fff; font-size: 24px; line-height: 36px;}
.about-con2 .p a{ display: block; margin: 0 auto; border: 1px solid #fff; width: 133px; height: 38px; margin-top: 10px; line-height: 38px; color: #fff; font-size:16px ;}
.about-con3 .tell{ font-size: 30px; width: 215px; height: 30px; color: #fff; position: absolute; left: 201px; top:43px;}
.about-con3 .rwm{ width: 93px; position: absolute; right: 25px; top: 23px; color: #fff; font-size: 14px; text-align: center;}
.about-con3 .add{ width: 320px; position: absolute; left: 100px; top: 100px; color: #fff;font-size: 14px; line-height: 24px;}
.index-product{ width: 100%; min-width: 1200px; background: url(../images/probj.jpg); padding: 50px 0;}
.tit-top{ text-align: center; }
.tit-top>p{ text-transform: uppercase; font-size: 36px; color: #c2e5ed; font-weight: 100; height: 30px; overflow: hidden;}
.tit-top span{ display: block; margin: 10px auto; color: #3c241e; font-size: 24px; position: relative; line-height:30px;}
.tit-top span:before{ content: ''; width:157px ; background: url(../images/titlebj.jpg) right; height: 1px; display: inline-block; vertical-align: middle; margin: 0 10px;}
.tit-top span:after{ content: ''; width:157px ; background: url(../images/titlebj.jpg) right; height: 1px; display: inline-block; vertical-align: middle;margin: 0 10px;}
.index-pronav{ text-align: center; margin: 30px 0;}
.index-pronav a{ width: 150px; height: 40px; border-radius:20px ; text-align: center; line-height: 40px; display:inline-block; margin: 0 10px; color: #fff; font-size: 16px; background: #c2e5ed;}
.index-pronav a.on{ background: #ff5a5d;}
.index-proimg ul{ display: none;}
.index-proimg ul li{ width: 268px; float: left; margin-right: 40px;  margin-bottom:20px;height: 300px; padding-bottom: 10px; border: 1px solid #c2e5ed; background: #fff;}
.index-proimg ul li:nth-child(4),.index-proimg ul li:nth-child(8){ margin-right: 0;}
.index-proimg ul li a{ padding: 10px; display: block;  color: #3c241e; font-size: 16px; text-align: center; line-height: 16px;}
.index-proimg ul li a:first-child{height: 248px;}
.index-proimg ul li a img{ width: 100%; max-height: 100%;}
.index-proimg ul li:hover{ border: 1px solid #ff5a5d;}
.index-proimg ul li:hover a{ color: #ff5a5d;}
.index-more{ width: 194px; height: 44px; border: 1px solid #FF5A5D; color: #FF5A5D; font-size: 16px; display: block; margin: 20px auto 0; line-height: 44px; text-align: center; border-radius:44px ;}
.index-news{ width: 100%; min-width: 1200px;padding: 50px 0;}
.index-news .fl{ width: 49%; margin-top: 20px;}
.index-news .fl>img{float: left;}
.index-news .fl p{ display: block; line-height:30px ; font-size: 14px; color: #3c241e; padding-left: 20px;}
.index-nshow{ width:395px ; float: left;}
.index-news .fr{ width: 50%; margin-top: 20px;}
.index-news .fr ul li{ width: 100%; margin-bottom: 15px;}
.index-news .fr ul li img{ float: left;width: 130px; height: 90px;}
.index-news .fr ul li p{ float:right ; width: 450px;}
.index-news .fr ul li p span{ color: #3c241e; font-size: 16px; line-height: 35px;}
.index-news .fr ul li p a{color: #3c241e; font-size: 14px; line-height: 25px;}
.index-napa{ width: 100%; min-width: 1200px; background: url(../images/probj.jpg); padding: 50px 0;}
.slideBox2{ width:100%; margin-top: 30px;  overflow:hidden; position:relative;   }
.slideBox2 .hd{ height:15px; padding-top: 30px; width: 100%; overflow:hidden;  text-align: center; }
.slideBox2 .hd li{ display: inline-block; width: 40px; height: 6px;margin-left: 5px; background: #c2e5ed;}
.slideBox2 .hd li.on{background: #ff5a5d}
.slideBox2 .bd{ position:relative; height:195px; z-index:0;  }
.slideBox2 .bd ul{ float: left;}
.slideBox2 .bd li{ zoom:1; vertical-align:middle;text-align: center;  width: 216px; margin-left:30px ; float: left;}
.slideBox2 .bd ul li a{ font-size: 14px; text-align: center; color: #3c241e; line-height: 40px;}
.slideBox2 .bd ul li:first-child{ margin-left: 0;}
.slideBox2 .bd img{ width:100%; height:150px; display:block;  }
/*----底部-----*/
.index-join{ height: 220px;width: 100%; overflow: hidden; min-width: 1200px; background: url(../images/join.jpg) no-repeat center top; }
.join-more{ width: 240px; height: 50px; border: 3px solid #ff5a5d; text-align: center; color: #ff5a5d; font-size: 22px; line-height: 50px; display: block; margin: 115px auto 0;}	
.footer{ height: 92px;}
.footer .fl{ width: 70%; padding-top: 20px;}
.footer .fl p{ color: #3c241e; font-size: 14px; line-height: 25px;}
.footer .fl p a{color: #3c241e; font-size: 14px;}
.footer .fr{ width: 30%; text-align: right; line-height: 92px; color: #3c241e; font-size: 14px;}
.footer .fr a{color: #3c241e; font-size: 14px;}
/*----内页-----*/
.main-page{ padding-top: 60px;}
.onurl{ width: 100%;color: #3c241e; line-height: 35px; margin-bottom: 20px;}
.onurl a{ color: #3c241e; padding:0 5px;}
.onurl a img{ vertical-align: middle; margin-right: 5px;}
/*----内页左-----*/
.page-left{ width: 260px; float: left;}
.page-left .left-nav li{ margin-bottom: 10px; width: 260px; height: 43px; text-align: center; line-height: 43px; border: 1px solid #ac0000; float: left;}
.page-left .left-nav li a{ color:#ee4b4e ; font-size:14px ;}
.page-left .left-nav li.on{ background: #ac0000;}
.page-left .left-nav li.on a{ color: #fff;}
.page-left .left-nav li:nth-child(1),.page-left .left-nav li:nth-child(3),.page-left .left-nav li:nth-child(5),.page-left .left-nav li:nth-child(7),.page-left .left-nav li:nth-child(9){ margin-right: 10px;}
.leftBox{ width:100%;  overflow:hidden; position:relative; margin-top: 10px;  }
.leftzz{position:absolute; left: 0;top: 0; z-index: 666;}
.leftBox .hd{ height:15px; overflow:hidden; position:absolute; right:5%; bottom:5%; z-index:1; }
.leftBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.leftBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.leftBox .hd ul li.on{ background:#f00; color:#fff; }
.leftBox .bd{ position:relative; height:100%; z-index:0;   }
.leftBox .bd li{ zoom:1; vertical-align:middle; }
.leftBox .bd img{ width:100%;  display:block;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.leftBox .prev,
		.leftBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.leftBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.leftBox .prev:hover,
		.leftBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.leftBox .prevStop{ display:none;  }
		.leftBox .nextStop{ display:none;  }
.left-cont{ margin-top: 20px; background:#333; padding: 20px 0px;}
.leftrwm{ width: 240px; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px solid #fff;}
.leftrwm .fl{ width: 150px; color: #fff;}
.leftrwm .fr{ width: 80px;}	
.left-tal{ width: 240px;margin: 0 auto; padding: 15px 0;border-bottom: 1px solid #fff;}	
.left-tal p{ font-size:18px ; color: #fff;}
.left-tal span{ color: #fff;  font-size: 30px; line-height: 100%;}
.left-us{ width: 240px;margin: 0 auto; padding: 15px 0;}
.left-us p{ color: #fff; line-height: 24px;}
/*pages开始--------------------------------------------------------------------------*/
.pages{ height: 35px;  padding: 20px 0; margin: 0 auto; text-align: center;}

/*----内页右-----*/
.page-right{ width:900px; float:right;}
.page-about,.page-news,.page-messages,.page-product{}
.page-newshow{ padding-top: 20px;}
/*----内页关于-----*/
.page-about img{ max-width: 100%; display: block;  margin: 20px auto;}
.page-about p{ font-size: 16px; color: #3c241e; text-indent: 28px;}
/*---内页新闻---*/
.newsList li{ padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ccc;}
.newsList li p{padding-top: 20px;}
.newsList li .lhfl{ width:70px; height: 80px; float: left; background: #f2f2f2;}
.newsList li .lhfl p{ width: 70px; text-align: center;  color:#ee4b4e; padding-top: 0;}
.newsList li .lhfl p b{ font-size: 28px; line-height: 47px;}
.newsList li:hover .lhfl{ background: #ee4b4e;}
.newsList li:hover .lhfl p{ color: #f7f7f7;}
.newsList .lhfr{ width:780px; float: right;}
.newsList .lhfr .lhxq{  height: 30px; display:block; width: 100px; font-weight: 100; line-height: 30px; font-size: 14px;  text-align: center; float: right; border: 1px solid #ccc;}
.newsList .lhfr .lhjt{ background: url(../images/jt.jpg) no-repeat left -33px;  height: 33px; display:block; width: 33px;  float: right;}
.newsList .lhfr:hover .lhjt{background: url(../images/jt.jpg) no-repeat left 0;}
.newsList .lhfr span{ font-size: 14px;}
.newsList .lhfr .dateTitle { display: block; color: #333; font-size: 18px; }
.newsList .lhfr p{ display: inline-block; width:100%;}
.newsList li:hover .lhfr .dateTitle{ color: #ee4b4e;}
.newsList li:hover a{ text-decoration:none ;}
/*---内页产品---*/
.page-pro li{  width: 280px; float: left; margin-right:15px;}
.page-pro li>a{ display: block; width: 280px; height:220px; line-height: 220px; text-align: center;}
.page-pro li>a img{ max-width: 100%; max-height:100% ; margin: 0 auto;}
.page-pro li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;} 
.page-pro li:nth-child(3),.page-pro li:nth-child(6),.page-pro li:nth-child(9),.page-pro li:nth-child(12){ margin-right: 0;}
.lhtab{ width: 100%; line-height: 50px; height: 50px; background: #ee4b4e; margin: 30px auto;}
.lhtab span{ width: 148px;display: block; height: 48px; font-size: 14px; color: #fff; float: left; border: 1px solid #ee4b4e; text-align: center;}
.lhtab span.on{ background: #fff; color: #ee4b4e;}
/*---内页留言---*/
.massages span{ width: 30%; display: block; float: left; margin-right:5% ; margin-bottom: 20px;}
.massages input[type="text"]{ width: 100%; text-indent: 15px; border: 1px solid #ddd; border-radius: 4px; line-height: 35px; }
.massages div input[type="text"]{ width: 150px; }
.massages div {padding-bottom:20px ;}
.massages textarea{ clear: both; display: block; width: 96%; padding: 0 2%; height: 100px;border: 1px solid #ddd; border-radius: 4px; margin-bottom: 20px;}
.submit{ background: #ee4b4e; color: #fff; display: block; width: 80px; height: 30px; line-height: 30px; margin: 0 auto; text-align: center; border: none;}
.lh615{  line-height: 30px; margin: 0 10px; text-align: center; border: none;}
/*---内页新闻详情---*/
.newshowheader h1 { text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600
}

.newshowheader .article-info {
    height: 30px;
    line-height: 30px;
    color: #666;
   text-align: center;
    border-bottom: 1px solid #ddd;
  
}

.newshowheader .article-info .split {
    margin: 0 10px;
    color: #ddd
}
.page-newshow p{ line-height: 26px; text-indent: 28px;}
/*---内页联系我们---*/
.pconus{ background: url(../images/contentimg.png) no-repeat right center; height: 180px; padding-top: 20px;}
.pconus p{ color: #3c241e;}
/*---n内页招商加盟---*/
.join-list{ margin-top: 30px; padding-left: 30px;}
.join-list .jointitle{ font-size: 16px; font-weight: bold; color: #ff9900;}
.join-list p{color: #3c241e;}
/*---内页产品详情---*/
.page-productshow{ padding-top: 30px;}
.page-productshow .fl{ width: 310px; height: 310px;}
.page-productshow .fr{ width: 570px; height: 310px;}
.page-productshow .fl{ line-height: 310px;background: #f8f8f8;}

.page-productshow .fl .bd { width: 310px; margin: 0 auto;}
.page-productshow .fl .bd img{width:310px; max-height: 310px;}
.page-productshow .fr{ background: #f8f8f8;}
.page-productshow .fr h1{ font-size: 28px; color: #3c241e;  line-height: 80px; width:480px ;font-weight: 300; margin: 0 auto 20px; border-bottom: 1px solid #ddd;}
.page-productshow .fr p{font-size: 16px; color: #3c241e; margin: 0 auto;  line-height: 30px; width:480px ;}
.abimg{ position: relative;}
.abimg a{position: absolute;  bottom:20px ; height: 45px; line-height: 45px;}
.abimg a.prev{left:calc(310px + 65px);left:-webkit-calc(310px + 65px);}
.abimg a.next{left:calc(310px + 125px);left:-webkit-calc(310px + 125px);}
.page-procon{ clear: both; padding: 40px 0; border-bottom: 1px solid #ddd;}
.page-procon p{ line-height: 26px; color: #3c241e;}
.abptit{ font-size: 20px; text-align: center; line-height: 60px;}
.about-pro ul li{  width: 205px; float: left; margin-right:26px;}
.about-pro ul li>a{ display: block; width: 205px; height:153px; line-height: 153px; text-align: center;}
.about-pro ul  li>a img{ max-width: 100%; max-height:100% ; margin: 0 auto;}
.about-pro ul li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;} 
.about-pro ul  li:nth-child(4){ margin-right: 0;}
.about-newspro ul li{  width: 280px; float: left; margin-right:30px;}
.about-newspro ul li>a{ display: block; width: 280px; height:200px; line-height: 200px; text-align: center;}
.about-newspro ul  li>a img{ max-width: 100%; max-height:100% ; margin: 0 auto;}
.about-newspro ul li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;} 
.about-newspro ul  li:nth-child(3),.about-newspro ul  li:nth-child(6),.about-newspro ul  li:nth-child(9){ margin-right: 0;}
.listname{ background: #f4f4f4; padding: 23px; font-size:14px ; margin: 10px auto 20px;}
/*---分页---*/
.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #ee4b4e;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #ee4b4e;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #ee4b4e;
  border-color: #ee4b4e;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagetb{border-top:1px solid #ccc ; margin: 40px auto;}
.pagetb p{ line-height: 40px; border-bottom:1px solid #ccc ;}

.toper-n{width:100%;height:100px;background:#FFF;}
.toper-ns{width:1200px;height:100px;margin:0px auto;padding-top: 10px;}
.toper-nt{width:507px;height:79px;float:left}
.toper-nc{width:428px;height:79px;float:left}
.toper-nb{width:183px;height:79px;float:right}

.nav-n{width:100%;height:40px;background:url(../images/x_02.jpg)}
.nav-ns{width:1200px;height:100px;margin:0px auto;}
.nav li{width:200px;height:40px;float:left;line-height:40px;text-align:center;}
.nav li a{color:#FFF}
.nav li:hover{background:#FFF}
.nav li:hover a{color:#333}

.chanp-n{width:100%;height:820px;background:#fff}
.chanp-ns{width:1200px;height:820px;margin:0px auto;}
.chanp-t{width:1200px;height:23px;margin:25px auto;}
.chanp-tl{width:428px;height:23px;float:left;}
.chanp-tc{width:344px;height:23px;float:left;line-height:23px;text-align:center;color:#ac0000;font-size:18px;font-weight:bold}
.chanp-tr{width:428px;height:23px;float:right;}
.chanp-c{width:1200px;height:680px;margin:0px auto;}
.chanp-cl{width:200px;height:680px;float:left;}
.chanp-clt{width:200px;height:100px;}
.chanp-clc{width:198px;}
.chanp-clc ul li{width:198px;height:40px;border:1px solid #CCC;margin:3px 0px;background:url(../images/n_06.jpg);line-height:40px;text-align:center;}
.chanp-clb{width:198px;height:98px;border:1px solid #ccc}
.chanp-cr{width:980px;height:680px;float:right;}
.chanp-cr ul li{width:230px;height:230px;float:left;background:#999;margin:27px 7px;margin-bottom:10px;text-align: center;
    line-height: 30px;}
.chanp-b{width:1200px;height:40px;line-height:40px;text-align:center;background:#ac0000;color:#FFF}
.chanp-cl p{width:200px;height:20px;line-height:20px;text-align:center;}
.chanp-b a{color:#FFF}

.js-n{width:100%;height:713px;background:url(../images/s_09.jpg)}
.js-ns{width:1200px;height:713px;margin:0px auto;}
.js-t{width:1199px;height:75px;margin:0px auto;padding-top:30px}
.js-c{width:1200px;height:560px;margin:0px auto;}
.js-cc{width:380px;height:560px;margin:10px;background:#FFF;float:left}
.js-cct{widht:374px;height:246px;margin:3px}
.js-ccc{width:80px;height:30px;border-bottom:2px solid #F00;font-size:18px;text-align:center;line-height:20px;margin-left:10px;margin-top:10px;}
.js-ccb{width:340px;height:230px;background:;margin:20px auto}

.wande-n{width:100%;height:400px;background:#fff}
.wande-ns{width:1200px;height:400px;margin:0px auto;padding-top:30px}
.wande-nl{width:750px;height:320px;background:url(../images/n_20.jpg) no-repeat;float:left}
.wande-nr{width:450px;height:320px;float:left;}
.text-n{width:600px;height:40px;border-bottom:2px #999 solid;padding-top:20px;margin-left:30px;font-size:18px;color:#ac0000}
.text-ns{width:600px;height:200px;background:;margin-top:20px;margin-left:30px;font-size:14px}

.zzzs-n{width:100%;height:530px;background:url(../images/x_19.jpg)}
.zzzs-ns{width:1200px;height:530px;margin:0px auto;padding-top:30px}
.zs-t{width:125px;height:63px;margin:0px auto}
.zs-c{width:1200px;height:320px;margin:0px auto}
.zs-c ul li{width:200px;margin:0px 20px;background:#FFF;float:left}
.zs-b a{color:#FFF}
.zs-b{width:125px;height:30px;margin:50px auto;border:2px solid #FFF;text-align:center;line-height:30px;color:#FFF}
.menu-nsb{width:1200px;height:154px;margin:30px auto}

.newer-n{width:100%;height:450px;background:#fff}
.newer-ns{width:1200px;height:450px;margin:30px auto;padding-top:10px;background:}
.newer-nsc{width:388px;height:420px;float:left;background:#FFF}
.newer-nsc2{width:388px;height:420px;float:left;margin:0px 18px;background:#FFF}
.newer-nsct{width:388px;height:40px;background:#ac0000;}
.newer-nsctl{width:320px;height:40px;line-height:40px;color:#FFF;float:left;margin:0px 10px}
.newer-nsctr a{color:#FFF}
.newer-nsctr{width:38px;height:40px;text-align:center;line-height:40px;color:#FFF;float:left}
.newer-nscc{width:374px;height:160px;margin:20px 7px}
.newer-nscb{width:360px;height:220px;}
.newer-nscb p{line-height:35px}

.footer-n{width:100%;height:180px;background:#2c2c2c;display: table;}
.footer-ns{width:1200px;height:170px;margin:30px auto;padding-top:10px;}
.footer-l{width:450px;height:130px;float:left;background:;margin:0px 10px;margin-top:40px}
.footer-c{width:350px;height:130px;float:left;background:;margin:10px 10px;padding-top:20px;border-left:2px solid #FFF;border-right:2px solid #FFF}
.footer-r{width:305px;height:130px;float:left;background:;margin:10px 0px;padding-top:20px}

.yl-n{width:100%;background:#ac0000}
.yl-ns{width:1200px;margin:0px auto;}
.yl-ns p{text-align:center;color:#FFF;line-height:30px}
.yl-ns p a{color:#FFF}

.footer-c p{color:#FFF;padding-left:40px}
.footer-r p{color:#FFF;padding-left:20px}

.chanp-cr ul li:hover{background:#ac0000}
.chanp-cr ul li:hover a{color:#FFF}
.text-zs{width:1200px;height:20px;margin:0px auto}

.text-ns a:hover span{color:#F00}
.clearfix li a{color:#ac0000}
.cpin-img{margin-top:6px}